<script>
import Checkboxes from "@/components/AdvancedFilters/Checkboxes.vue";

export default {
  name: "AdvancedFilters",
  components: {Checkboxes},
  props: {
    filters: Array
  },
  data() {
    return {
      cityOptions: ['上海', '北京', '广州', '深圳']
    }
  }
}
</script>

<template>
  <el-popover
      class="dropdown-filter"
      placement="bottom-start"
      width="590"
      offset="200"
      trigger="click">
    <div slot="reference">
      <span>高级筛选<i class="el-icon-caret-bottom el-icon--right"></i></span>
    </div>
    <Checkboxes title="收录检索" :subfilters="cityOptions">
    </Checkboxes>
  </el-popover>
</template>
<style scoped>
.dropdown-filter {
  font-size: 12px;
  padding: 0 12px;
  display: inline-block;
}
</style>
